<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
	<div id="app">
		<parent-com :mny='mny'></parent-com>
	</div>
	<script src="./vue开发版.js"></script>
	<script>
		/*
			父组件向子组件传递数据
			父组件动态绑定数据 使用v-bind:自定义名称 = 值
		*/
		var vm = new Vue({
			el:'#app',
			data:{
				mny:100
			},
			components:{
				'parent-com':{
					template:`
						<div>
							<h3>我是父组件😄</h3>
							根实力传给的parent的{{mny}}钱
							<child-com :mny='mny'></child-com>
						</div>
					`,
					/*
					props：上的数据直接挂载到组件上
					*/
					props:{
						mny:{
							type: Number,
							// type:[Number,String]
							//default:220, //默认
							//required:true //必填
						}
					},
					components:{
						'child-com':{
							template:`
								<div>
									<h3>我是子组件😁</h3>
									父组件给子组件的{{mny}}钱
								</div>
							`,
							props:['mny']
						}
					}
				}
			}
		})
	</script>
</body>
</html>